<!DOCTYPE html>
<html>
<head>
<title>电影推荐网站</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="电影推荐网页.css">

</head>
<body>

<div class="header">
  <h1>电影推荐网站</h1>
  <p>我们帮你选电影</p>
</div>

<div class="navbar">
  <a href="file:///D:/网页/电影推荐.html#"><strong>首页</strong></a> 
  <a href="https://movie.douban.com/tag/#/?sort=U&range=0,10&tags=%E9%9F%B3%E4%B9%90">剧情</a>
  <a href="#">喜剧</a>
  <a href="#">动作</a>
  <a href="#">爱情</a>
  <a href="#">科幻</a>
  <a href="#">动画</a>
  <a href="#">悬疑</a>
  <a href="#">惊悚</a>
  <a href="#">恐怖</a>
  <a href="#">犯罪</a>
  <a href="#">音乐</a>
  <a href="#">传记</a>
  <a href="#">历史</a>
  <a href="#">战争</a>
  <a href="#">奇幻</a>
  <a href="#">灾难</a>
  <a href="#">武侠</a>
  <a href="index.html" class="right">注册/登录</a>
</div>

<div class="row">
  <div class="side">
      <h2>关于我</h2>
      <h3>我喜欢的电影:</h3>
      <form action="demo_form.php">
        <input type="text" name="fname">
        <input type="submit" value="提交">
      </form>
      <div class="fakeimg" style="height:100px;">这边插入图像</div>
      <p>关于我的介绍..</p>
      <h3>更多内容</h3>
      <p>浏览记录</p>
      <div class="fakeimg" style="height:600px;">

        <div class="responsive">
          <div class="img2">
              <a target="_blank" href="/网页/IMG/小丑.jpg">
                <img src="/网页/IMG/小丑.jpg" alt="小丑" >
              </a>
              <div class="desc2">小丑</div>
          </div>
        </div>
                 
        <div class="responsive">
          <div class="img2">
            <a target="_blank" href="/网页/IMG/爱尔兰人.jpg">
              <img src="/网页/IMG/爱尔兰人.jpg" alt="爱尔兰人" >
            </a>
            <div class="desc2">爱尔兰人</div>
          </div>
        </div>
                 
        <div class="responsive">
           <div class="img2">
              <a target="_blank" href="/网页/IMG/双子杀手.jpg">
                <img src="/网页/IMG/双子杀手.jpg" alt="双子杀手" >
              </a>
              <div class="desc2">这里添加图片文本描述</div>
            </div>
        </div><br>
                 
        <div class="responsive">
          <div class="img2">
            <a target="_blank" href="/网页/IMG/好莱坞往事.jpg">
              <img src="/网页/IMG/好莱坞往事.jpg" alt="好莱坞往事"  >
            </a>
            <div class="desc2">这里添加图片文本描述</div>
          </div>
        </div>              
      </div><br>
    
  </div>
  <div class="main">
      <h2>小编推荐</h2>
      <h5>小丑</h5>
      <div class="fakeimg" style="height:300px;"><img  src="/网页/IMG/joker.jpg" alt="joker" height="300px"> </div>
      <p>一些文本..</p>
      <p>电影简介！</p>
      <br>
      <h2>热门电影</h2>
      <h5>今日推荐</h5>
      <div class="fakeimg" style="height:450px;">
        <div class="responsive">
            <div class="img">
              <a target="_blank" href="/网页/IMG/小丑.jpg">
                <img src="/网页/IMG/小丑.jpg" alt="小丑" >
              </a>
              <div class="desc">小丑</div>
            </div>
          </div>
           
          <div class="responsive">
            <div class="img">
              <a target="_blank" href="/网页/IMG/爱尔兰人.jpg">
                <img src="/网页/IMG/爱尔兰人.jpg" alt="爱尔兰人" >
              </a>
              <div class="desc">这里添加图片文本描述</div>
            </div>
          </div>
           
          <div class="responsive">
            <div class="img">
              <a target="_blank" href="/网页/IMG/双子杀手.jpg">
                <img src="/网页/IMG/双子杀手.jpg" alt="双子杀手" >
              </a>
              <div class="desc">这里添加图片文本描述</div>
            </div>
          </div>
           
          <div class="responsive">
            <div class="img">
              <a target="_blank" href="/网页/IMG/好莱坞往事.jpg">
                <img src="/网页/IMG/好莱坞往事.jpg" alt="好莱坞往事"  >
              </a>
              <div class="desc">这里添加图片文本描述</div>
            </div>
          </div>

      </div>
      <p>一些文本..</p>
      <p>电影简介！</p>
  </div>
</div>

<div class="footer">
  <h2>底部内容</h2>
</div>

</body>
</html>